<script setup lang="ts">
import {defineProps} from 'vue'
const {title} = defineProps(['title'])
</script>

<template>
    <div class="title">
        <div>{{ title }}</div>
    </div>
</template>

<style scoped lang="scss">
.title{
    width: 100%;
    height: 30px;
    background-image: url(../../assets/左.png);
    padding-left: 12px;
    color: #bbb;
    font-weight: bold;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    line-height: 30px;
    transform: rotateY(180deg);
    font-size: 18px;
    div{
        transform: rotateY(180deg) translateX(20px);
    }
}
</style>